<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        #d1{
          width: 1000px;
          height: 100px;
          background-color: red;
          position: fixed;
          top:0;
        }
        body{
          padding-top: 100px;
        }
        #d2{
          width: 50px;
          height: 200px;
          background-color: blue;
          position: fixed;
          right: 0;
          top: 30%;

        }
    </style>
</head>
<body>
<div id="d1"></div>
<div id="d2"></div>
<img src="../b.jpg" alt="">
<img src="../b.jpg" alt="">
<img src="../b.jpg" alt="">
<img src="../b.jpg" alt="">
<img src="../b.jpg" alt="">
<img src="../b.jpg" alt="">
<img src="../b.jpg" alt="">
</body>
</html>